<body>
  <p>
    One: <img src="one.png">
  </p>

  <p>
    Two: <img src="two.png" alt="two">
  </p>

  <p>
    Three: <img src="three.png" title="three">
  </p>

  <p>
    Four: <img src="four.png" title="four" alt="four alt">
  </p>

  <h1>With links</h1>

  <p>
    One: <a href="http://localhost"><img src="one.png"></a>
  </p>

  <p>
    Two: <a href="http://localhost"><img src="two.png" alt="two"></a>
  </p>

  <p>
    Three: <a href="http://localhost"><img src="three.png" title="three"></a>
  </p>

  <p>
    Four: <a href="http://localhost"><img src="four.png" title="four" alt="four alt"></a>
  </p>

  <h1>With links with titles</h1>

  <p>
    One: <a href="http://localhost" title="one link"><img src="one.png"></a>
  </p>

  <p>
    Two: <a href="http://localhost" title="two link"><img src="two.png" alt="two"></a>
  </p>

  <p>
    Three: <a href="http://localhost" title="three link"><img src="three.png" title="three"></a>
  </p>

  <p>
    Four: <a href="http://localhost" title="four link"><img src="four.png" title="four" alt="four alt"></a>
  </p>
</body>
</html>